<div class="title-box" [ngStyle]="tagData?.cssStyle | styleFilter">

  <!--1.9.0 style2 首页 新增详情页面入口-->
  <ng-container *ngIf="tagData.data.data.style==='style2'">
    <ng-container *ngFor="let item of listdata;let i=index;">
      <div class="title-top-box" [ngStyle]="item.cssStr"
        [ngClass]="{'bgCss0':i===0,'bgCss1':i===1,'bgCss2':i===2,'bgCss3':i===3}" appDebounceClick
        (debounceClick)="go(item)">
        <p class="newTitle" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}}
          <ng-container *ngIf="!item.hideArrowIcon">
            <img src="assets/fw/home_arrow_right@3x.png" class="arrowIcon" />
          </ng-container>
        </p>
        <p class="newSubTitle" *ngIf="item.label2" [ngClass]="{'pCss0':i===0,'pCss1':i===1,'pCss2':i===2,'pCss3':i===3}"
          [ngStyle]="item.label2CssStyle|styleFilter">{{item.label2}}</p>
        <p class="newSubTitle" *ngIf="item.label3" [ngClass]="{'pCss0':i===0,'pCss1':i===1,'pCss2':i===2,'pCss3':i===3}"
          [ngStyle]="item.label3CssStyle|styleFilter">{{item.label3}}</p>
        <img class="bottom-right-img2" *ngIf="item.iconName" [src]="item.iconName"
          [ngStyle]="item.iconCssStyle|styleFilter" onerror="this.src='assets/img/default_img_square.png';" />
      </div>
    </ng-container>
  </ng-container>

  <!-- style3 直租直售 推荐更多信息页面  新上好铺 好房急售 热门商区 -->
  <ng-container *ngIf="tagData.data.data.style==='style3'">
    <ng-container *ngFor="let item of listdata;let i=index;">
      <div class="title-top-box bg1Css0" [ngStyle]="item.cssStr" appDebounceClick (debounceClick)="go(item)">
        <p class="newTitle1" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}}<img
           *ngIf="item.labelImg" [src]="item.labelImg" [ngStyle]="item.labelImgCssStyle|styleFilter">
        </p>
        <p class="p1Css0" *ngIf="item.label2" [ngStyle]="item.label2CssStyle|styleFilter">


          <font [ngStyle]="item?.unitLabelCssStyle|styleFilter" *ngIf="item?.unitLabel">{{item?.unitLabel}}</font>
          <font [ngStyle]="item?.moneyLabelCssStyle|styleFilter" *ngIf="item?.moneyLabel">{{item?.moneyLabel}}</font>
          <font [ngStyle]="item?.detailCssStyle|styleFilter" *ngIf="item?.detail">{{item?.detail}}</font>
          {{item.label2}}
          <img *ngIf="item.iconName" [src]="item.iconName" onerror="this.src='assets/fw/publishTitleArrow.png'"
            [ngStyle]="item.iconNameCssStyle|styleFilter" class="arrowIcon2" />
        </p>

        <div class="newLabel" *ngIf="item.newLabel" [ngStyle]="item.newLabelCssStyle|styleFilter">{{item.newLabel}}</div>

        <img *ngIf="item.rightIcon" [src]="item.rightIcon" [ngStyle]="item.rightIconCssStyle|styleFilter"/>

      </div>
    </ng-container>
  </ng-container>

  <!-- style4 帮我找房 帮我找店 帮我租售 帮我转店 -->
  <ng-container *ngIf="tagData.data.data.style==='style4'">
    <ng-container *ngIf="tagData?.name==='appPublishentrance2'">
      <img *ngIf="tagData?.data?.data?.hiddenTitleImg===undefined" [src]="tagData?.data?.data?.titleImg"
        onerror="this.src='assets/fw/bg02.png'" class="newBg"
        [ngStyle]="tagData?.data?.data?.bgImgCssStyle|styleFilter" />
    </ng-container>
    <ng-container *ngFor="let item of listdata;let i=index;">
      <div class="title-top-box2" [ngStyle]="item.cssStr" appDebounceClick (debounceClick)="go(item)">
        <p class="newTitle2" [ngStyle]="item.labelCssStyle|styleFilter" *ngIf="item.label">{{item.label}}</p>
        <p class="newSubTitle2" [ngStyle]="item.label2CssStyle|styleFilter" *ngIf="item.label2">{{item.label2}}</p>
        <p class="newSubTitle3" [ngStyle]="item.label3CssStyle|styleFilter" *ngIf="item.label3">{{item.label3}}</p>
      </div>
    </ng-container>
  </ng-container>

  <ng-container *ngIf="tagData.data.data.style==='style5'">
    <ng-container *ngFor="let item of listdata;let i=index;">
      <div class="title-top-box2 style5" [ngStyle]="item.cssStr" appDebounceClick (debounceClick)="go(item)">
        <div class="item-top" [ngStyle]="item.itemCssStyle|styleFilter">
          <img *ngIf="item.titleImg" class="item-top-bg" [src]="item.titleImg"
            [ngStyle]="item.bgImgCssStyle|styleFilter" />
          <div class="item-top-left" [ngStyle]="item.itemTopCssStyle|styleFilter">
            
            <div class="labelBox" [ngStyle]="item.labelBoxCssStyle|styleFilter">
              <span [ngStyle]="item.labelCssStyle|styleFilter" *ngIf="item.label">{{item.label}}
                <font [ngStyle]="item.labelValueCssStyle|styleFilter">{{item.labelValue}}</font>
              </span>
              <span [ngStyle]="item.label1CssStyle|styleFilter" *ngIf="item.label1">{{item.label1}}
                <font [ngStyle]="item.label1ValueCssStyle|styleFilter">{{item.label1Value}}</font>
              </span>
            </div>

            <p class="item-label2" *ngIf="item.label2" [ngStyle]="item.label2BoxCssStyle|styleFilter">
              <span [ngStyle]="item.label2CssStyle|styleFilter">{{item.label2}}</span>
              <img *ngIf="item.icon" class="item-arrow" [src]="item.icon" [ngStyle]="item.iconCssStyle|styleFilter" />
            </p>
          </div>
          <img *ngIf="item.img" class="item-top-img" [ngStyle]="item.imgCssStyle|styleFilter" [src]="item.img" />
        </div>
        <p class="item-bottom" [ngStyle]="item.label3CssStyle|styleFilter" *ngIf="item.label3">{{item.label3}}</p>
      </div>
    </ng-container>
  </ng-container>
  <!-- style 6 -->
  <ng-container *ngIf="tagData.data.data.style==='style6'">
    <ng-container *ngFor="let item of listdata;let i=index;">
      <div class="title-top-box style6" [ngStyle]="item.titleTopBoxCssStyle|styleFilter" appDebounceClick
        (debounceClick)="go(item)">
        <p class="newTitle1" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}}<img
           *ngIf="item.labelImg" [src]="item.labelImg" [ngStyle]="item.labelImgCssStyle|styleFilter">
        </p>
        <p class="p1Css0" [ngStyle]="item.label2CssStyle|styleFilter">
          <font [ngStyle]="item?.unitLabelCssStyle|styleFilter" *ngIf="item?.unitLabel">{{item?.unitLabel}}</font>
          <font [ngStyle]="item?.moneyLabelCssStyle|styleFilter" *ngIf="item?.moneyLabel">{{item?.moneyLabel}}</font>
          <font [ngStyle]="item?.detailCssStyle|styleFilter" *ngIf="item?.detail">{{item?.detail}}</font>
          {{item.label2}}
          <img *ngIf="item.iconName" [src]="item.iconName" onerror="this.src='assets/fw/publishTitleArrow.png'"
            [ngStyle]="item.iconNameCssStyle|styleFilter" class="arrowIcon2" />
        </p>
        <div class="newLabel" *ngIf="item.newLabel" [ngStyle]="item.newLabelCssStyle|styleFilter">{{item.newLabel}}
        </div>
      </div>
    </ng-container>
  </ng-container>


  <!-- style7 2.0 新增方块 -->
  <ng-container *ngIf="tagData.data.data.style==='style7'">
    <div class="style7Box" [ngStyle]="style7BoxCssStyle|styleFilter">
      <ng-container *ngIf="headTitle">
        <div class="headDivBox" [ngStyle]="headTitleCssStyle|styleFilter">{{headTitle}}</div>
      </ng-container>
      <div class="style7MainBox" [ngStyle]="style7MainBoxCssStyle|styleFilter">
        <div class="style7LeftBox" [ngStyle]="style7LeftBoxCssStyle|styleFilter">
          <ng-container *ngFor="let item of leftListData;let i=index;">
            <div class="style7Singlebox" [ngStyle]="item.singleBoxCssStyle|styleFilter" appDebounceClick
              (debounceClick)="go(item)">
              <p class="style7label" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}} </p>
              <img class="style7Icon" alt="" *ngIf="item.img" [src]="item.img"
                onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.imgCssStyle|styleFilter" />
              <p class="style7label2" *ngIf="item.label2" [ngStyle]="item.label2CssStyle|styleFilter">{{item.label2}}
              </p>
              <div class="newLabel" *ngIf="item.newLabel" [ngStyle]="item.newLabelCssStyle|styleFilter">
                {{item.newLabel}}
              </div>
            </div>
          </ng-container>
        </div>
        <div class="middleLine" *ngIf="middleLineCssStyle" [ngStyle]="middleLineCssStyle|styleFilter"></div>
        <div class="style7RightBox" [ngStyle]="style7RightBoxCssStyle|styleFilter">
          <ng-container *ngFor="let item of rightListData;let i=index;">
            <div class="style7Singlebox" [ngStyle]="item.singleBoxCssStyle|styleFilter" appDebounceClick
              (debounceClick)="go(item)">
              <p class="style7label" [ngStyle]="item.labelCssStyle|styleFilter">{{item.label}} </p>
              <img class="style7Icon" alt="" *ngIf="item.img" [src]="item.img"
                onerror="this.src='assets/img/default_rk.png'" [ngStyle]="item.imgCssStyle|styleFilter" />
              <p class="style7label2" *ngIf="item.label2" [ngStyle]="item.label2CssStyle|styleFilter">{{item.label2}}
              </p>
              <div class="newLabel" *ngIf="item.newLabel" [ngStyle]="item.newLabelCssStyle|styleFilter">
                {{item.newLabel}}
              </div>
            </div>
          </ng-container>

        </div>
      </div>


    </div>
  </ng-container>

  <!--旧标签-->
  <ng-container *ngIf="tagData.data.data.style!=='style2'
    &&tagData.data.data.style!=='style3'
    &&tagData.data.data.style!=='style4'
    &&tagData.data.data.style!=='style5'
    &&tagData.data.data.style!=='style6'
    &&tagData.data.data.style!=='style7'">
    <ng-container *ngFor="let item of listdata;let i=index;">
      <ng-container *ngIf="i===0||i===1">
        <div class="title-top-box" [ngStyle]="item.cssStr" appDebounceClick (debounceClick)="go(item)">
          <p class="p-title">{{item.label}}</p>
          <p class="p-label">{{item.label2}}</p>
          <img class="bottom-right-img" *ngIf="item.iconName" [src]="item.iconName"
            onerror="this.src='assets/img/default_img_square.png';" />
        </div>
      </ng-container>
      <ng-container *ngIf="i!==0&&i!==1">
        <div class="title-bottom-box" [ngStyle]="item.cssStr" appDebounceClick (debounceClick)="go(item)">
          <p class="p-title">{{item.label}}</p>
          <p class="p-label">{{item.label2}}</p>
          <img class="bottom-right-img" *ngIf="item.iconName" [src]="item.iconName"
            onerror="this.src='assets/img/default_img_square.png';" />
        </div>
      </ng-container>
    </ng-container>
  </ng-container>
</div>